<template>
	<view>
		<!-- 色块 -->
		<view class="colorBlock">
			
		</view>
		
		<!-- 卡片 -->
		<view class="GoodsCard">
			<view class="" style="font-size: 32rpx;font-weight: bold;padding-top: 88rpx;">
				请输入新手机号码
			</view>
			
			<view class="">
				<select name="" id=""></select>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				str:'13344445555'
			}
		},
		methods: {
			update(){
				uni.navigateBack()
			},
			clear(){
				console.log(12);
				this.str=''
			}
		},
		computed:{
			count(){
				return this.str.length
			}
		}
	}
</script>

<style>
.colorBlock{
	width: 100%;
	height: 50rpx;
	background-color: #FFA400;
	position: absolute;
	z-index: -1;
}

.GoodsCard{
	width: 100%;
	height: 100vh;
	background-color: white;
	border-radius: 34rpx;
	padding-left: 32rpx;
	padding-right: 32rpx;
	box-sizing: border-box;
	/* line-height: 240rpx; */
	/* display: flex; */
	margin-bottom: 30rpx;
	/* text-align: center; */
}


</style>
